<!-- Main Navigation Bar -->

#container {
Â Â padding-top:400px;
}

#header {
Â Â z-index: 9999;
Â Â background: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/Line2.png?attachauth=ANoY7crj3tUG6tUlr2fsjhWSc8Y5EgQUCzTXJK7DfiDkluJs-f41ou8O0hKXaUguKCsNxBTlFQebrEGiSRxhghlaw1vrD9gmDnt95ldghGMJe52PcAXpJnWA3zeK0il6crE669P0Agb7Fw0hQUw7X1fPh3s_FlBfgpckpPdN6zt8ZHfV4wJOd7NSUZaYkKcj4EMViDyqV0vnu2XWb1sw4OD3FRZi6Ho7LQ%3D%3D&attredirects=0) repeat-x scroll 0 0 transparent;
}

#logo h1 { top:-1000px; }
#logo h1, #logo img { position:absolute;Â Â }
#logo img { top:-35px; left: 50%; margin-left:-62px; }
#logo img.custom { max-height: 96px; }

#header, #solid {
Â Â height: 150px;
Â Â width: 100%;
Â Â position:fixed;
Â Â top: 0;
Â Â left: 0;
}

.clearfix:after {â€¨Â  Â Â content: ".";â€¨Â  Â Â display: block;â€¨Â  Â Â clear: both;â€¨Â  Â Â line-height: 0;â€¨Â  Â Â height: 0;
}

.rel {
Â Â position:relative;
}

.wrap {
Â Â width:100%;
Â Â display:block;
Â Â margin: 0px auto;
Â  Â Â margin-top: 50px;
Â  Â Â margin-right-value: auto;
Â  Â Â margin-bottom: 0px;
Â  Â Â margin-left-value: auto;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
Â  Â Â display: block;
}

#navigation {
Â Â width:100%;
}

#nav-main-left, #nav-main-right {
Â  Â Â width: 575px;
}

.float-left {
Â  Â Â float: left;
}

.float-right {
Â  Â Â float: right;
}

#nav-main-left ul {
Â  Â Â font-family:Tahoma;
Â  Â Â font-size:19px;
    margin-left: 100px;
}

#nav-main-right ul {
Â  Â Â font-family:Tahoma;
Â  Â Â font-size:19px;
    margin-right:100px;
}

#nav-main-left li {
Â  Â Â margin-right: 25px;
Â  Â Â margin-right-value: 25px;
Â  Â Â display: inline;
}

#nav-main-right li {
Â  Â Â margin-left: 25px;
Â  Â Â margin-left-value: 25px;
Â  Â Â display: inline;
}

#nav-main-left li a {
Â  Â color:#fff;
   text-decoration:none;
}

#nav-main-right li a {
Â  Â color:#fff;
   text-decoration:none;
}

<!-- End of Main Navigation Bar -->

<!-- Background SlideShow -->

#pattern{background:url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/pattern.png?attachauth=ANoY7cpCp5wbCmgKlCWtZu6XgpZggpwxc-PSGQwviEaE5MF-GNFMrHbDBeh03I7WUZcOMvFX89pH7Vuy9esJECuFdjV7pqzhp_CjPKeKRuV53m2nejaNtoOupUl7hYUhNDwSRe7QTp3u5cZ8JZEsyc9U1X991VP4LUJaoVWIZH6xUR5Tl5j35NQhgUwrzQ3TupKzmNpHmcxUoxRPPGSwxgKPPCk9ZOGeMg%3D%3D&attredirects=0) top center;width:100%;height:100%;display:block;position:fixed;z-index:9996;top:0;left:0}

.cb-slideshow,
.cb-slideshow:after { 
Â  Â Â position: fixed;
Â  Â Â width: 100%;
Â  Â Â height: 100%;
Â  Â Â top: 0px;
Â  Â Â left: 0px;
Â  Â Â z-index: 0; 
}
.cb-slideshow:after { 
Â  Â Â content: '';
Â  Â Â background: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/pattern.png?attachauth=ANoY7cpCp5wbCmgKlCWtZu6XgpZggpwxc-PSGQwviEaE5MF-GNFMrHbDBeh03I7WUZcOMvFX89pH7Vuy9esJECuFdjV7pqzhp_CjPKeKRuV53m2nejaNtoOupUl7hYUhNDwSRe7QTp3u5cZ8JZEsyc9U1X991VP4LUJaoVWIZH6xUR5Tl5j35NQhgUwrzQ3TupKzmNpHmcxUoxRPPGSwxgKPPCk9ZOGeMg%3D%3D&attredirects=0) repeat top left; 
}
.cb-slideshow li span { 
Â  Â Â width: 100%;
Â  Â Â height: 100%;
Â  Â Â position: fixed;
Â  Â Â top: 0px;
Â  Â Â left: 0px;
Â  Â Â color: transparent;
Â  Â Â background-size: cover;
Â  Â Â background-position: 50% 50%;
Â  Â Â background-repeat: none;
Â  Â Â opacity: 0;
Â  Â Â z-index: 0;
Â Â -webkit-backface-visibility: hidden;
Â  Â Â -webkit-animation: imageAnimation 36s linear infinite 0s;
Â  Â Â -moz-animation: imageAnimation 36s linear infinite 0s;
Â  Â Â -o-animation: imageAnimation 36s linear infinite 0s;
Â  Â Â -ms-animation: imageAnimation 36s linear infinite 0s;
Â  Â Â animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
Â  Â Â z-index: 1000;
Â  Â Â position: fixed;
Â  Â Â bottom: 30px;
Â  Â Â left: 0px;
Â  Â Â width: 100%;
Â  Â Â text-align: center;
Â  Â Â opacity: 0;
Â  Â Â color: #fff;
Â  Â Â -webkit-animation: titleAnimation 36s linear infinite 0s;
Â  Â Â -moz-animation: titleAnimation 36s linear infinite 0s;
Â  Â Â -o-animation: titleAnimation 36s linear infinite 0s;
Â  Â Â -ms-animation: titleAnimation 36s linear infinite 0s;
Â  Â Â animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
Â  Â Â font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
Â  Â Â font-size: 240px;
Â  Â Â padding: 0;
Â  Â Â line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
Â  Â Â background-image: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
Â  Â Â background-image: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/2.jpg);
Â  Â Â -webkit-animation-delay: 6s;
Â  Â Â -moz-animation-delay: 6s;
Â  Â Â -o-animation-delay: 6s;
Â  Â Â -ms-animation-delay: 6s;
Â  Â Â animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
Â  Â Â background-image: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/3.jpg);
Â  Â Â -webkit-animation-delay: 12s;
Â  Â Â -moz-animation-delay: 12s;
Â  Â Â -o-animation-delay: 12s;
Â  Â Â -ms-animation-delay: 12s;
Â  Â Â animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
Â  Â Â background-image: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/4.jpg);
Â  Â Â -webkit-animation-delay: 18s;
Â  Â Â -moz-animation-delay: 18s;
Â  Â Â -o-animation-delay: 18s;
Â  Â Â -ms-animation-delay: 18s;
Â  Â Â animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
Â  Â Â background-image: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/5.jpg);
Â  Â Â -webkit-animation-delay: 24s;
Â  Â Â -moz-animation-delay: 24s;
Â  Â Â -o-animation-delay: 24s;
Â  Â Â -ms-animation-delay: 24s;
Â  Â Â animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
Â  Â Â background-image: url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/6.jpg);
Â  Â Â -webkit-animation-delay: 30s;
Â  Â Â -moz-animation-delay: 30s;
Â  Â Â -o-animation-delay: 30s;
Â  Â Â -ms-animation-delay: 30s;
Â  Â Â animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
Â  Â Â -webkit-animation-delay: 6s;
Â  Â Â -moz-animation-delay: 6s;
Â  Â Â -o-animation-delay: 6s;
Â  Â Â -ms-animation-delay: 6s;
Â  Â Â animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
Â  Â Â -webkit-animation-delay: 12s;
Â  Â Â -moz-animation-delay: 12s;
Â  Â Â -o-animation-delay: 12s;
Â  Â Â -ms-animation-delay: 12s;
Â  Â Â animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
Â  Â Â -webkit-animation-delay: 18s;
Â  Â Â -moz-animation-delay: 18s;
Â  Â Â -o-animation-delay: 18s;
Â  Â Â -ms-animation-delay: 18s;
Â  Â Â animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
Â  Â Â -webkit-animation-delay: 24s;
Â  Â Â -moz-animation-delay: 24s;
Â  Â Â -o-animation-delay: 24s;
Â  Â Â -ms-animation-delay: 24s;
Â  Â Â animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
Â  Â Â -webkit-animation-delay: 30s;
Â  Â Â -moz-animation-delay: 30s;
Â  Â Â -o-animation-delay: 30s;
Â  Â Â -ms-animation-delay: 30s;
Â  Â Â animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
Â  Â Â 0% { opacity: 0;
Â  Â Â -webkit-animation-timing-function: ease-in; }
Â  Â Â 8% { opacity: 1;
Â  Â  Â  Â  Â -webkit-animation-timing-function: ease-out; }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 25% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
Â  Â Â 0% { opacity: 0;
Â  Â Â -moz-animation-timing-function: ease-in; }
Â  Â Â 8% { opacity: 1;
Â  Â  Â  Â  Â -moz-animation-timing-function: ease-out; }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 25% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
Â  Â Â 0% { opacity: 0;
Â  Â Â -o-animation-timing-function: ease-in; }
Â  Â Â 8% { opacity: 1;
Â  Â  Â  Â  Â -o-animation-timing-function: ease-out; }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 25% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
Â  Â Â 0% { opacity: 0;
Â  Â Â -ms-animation-timing-function: ease-in; }
Â  Â Â 8% { opacity: 1;
Â  Â  Â  Â  Â -ms-animation-timing-function: ease-out; }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 25% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@keyframes imageAnimation { 
Â  Â Â 0% { opacity: 0;
Â  Â Â animation-timing-function: ease-in; }
Â  Â Â 8% { opacity: 1;
Â  Â  Â  Â  Â animation-timing-function: ease-out; }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 25% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
Â  Â Â 0% { opacity: 0 }
Â  Â Â 8% { opacity: 1 }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 19% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
Â  Â Â 0% { opacity: 0 }
Â  Â Â 8% { opacity: 1 }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 19% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
Â  Â Â 0% { opacity: 0 }
Â  Â Â 8% { opacity: 1 }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 19% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
Â  Â Â 0% { opacity: 0 }
Â  Â Â 8% { opacity: 1 }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 19% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
@keyframes titleAnimation { 
Â  Â Â 0% { opacity: 0 }
Â  Â Â 8% { opacity: 1 }
Â  Â Â 17% { opacity: 1 }
Â  Â Â 19% { opacity: 0 }
Â  Â Â 100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
Â Â opacity: 1;
}

@media screen and (max-width: 1140px) { 
Â  Â Â .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
Â  Â Â .cb-slideshow li div h3 { font-size: 80px }
}

<!-- /end of Background Slideshow -->

<!-- Parallax plugin for overlap -->

/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

html, body{
Â Â margin: 0;
Â Â padding: 0;Â Â 
Â Â min-width: 1000px;
}

p{
Â Â margin: 0 0 20px 0;Â Â 
Â Â text-align:center;
Â Â font-size:25px;
Â Â font-size-adjust:0.531;
}

p, ul{
Â Â font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
Â Â font-weight:200;
Â Â font-style:normal;
}

img{
Â Â border: 0;
}

h1, #pixels{
Â Â font-family:"Museo 900", Verdana, serif;
Â Â font-size-adjust:0.40;
Â Â font-weight:700;
Â Â font-style:normal;
}

h2{
Â Â font-family:"Beau Sans Pro Book", Verdana, sans-serif;
Â Â font-size-adjust:0.531;
Â Â font-weight:500;
Â Â font-style:normal;
}

#header h1, #pixels{
Â Â color: #48941A;
}

.float-left{
Â Â float: left;Â Â 
Â Â margin: 0 0 0 0;
}

.float-right{
Â Â float: right;
Â Â margin: 0 0 0 0;
}

.center{
Â Â font-size: 2.5em;
Â Â padding: 80px 0 0 0;
Â Â text-align: center;
}

#navi{
Â Â list-style: none;
Â Â position: fixed;
}

#navi li{
Â Â margin: 0 0 15px 0;Â Â 
}

#header, #intro, #second{
Â Â width: 100%;
}

#intro{
Â Â width:100%;
Â Â height:550px;
Â Â background-color: transparent;
Â Â color: white;
Â Â margin: 0 auto;
Â Â padding: 0;
}

#second{
Â Â background-color:#fff;
Â Â color: black;
Â Â height: 300px;
Â Â width: 100%;
Â Â margin: 0 auto;
Â Â overflow: hidden;
Â Â padding: 0;
}

#third{
Â Â background-color:#e0e0e0;
Â Â color: white;
Â Â height: 500px;
Â Â width: 100%;
Â Â padding: 0 0 0 0;Â Â 
}

#third .bg{
Â Â background-color:#adadad;
Â Â height: 500px;
Â Â margin: 0 auto;
Â Â padding: 0;
Â Â position: absolute;
Â Â width: 100%;
Â Â z-index: 200;
}

#fourth {
Â Â background-color: #fff;
  height:300px;
Â Â width: 100%;
Â Â margin: 0 auto;
Â Â padding: 0 0 0 0;
}

#fifth{
Â Â background-color: transparent;
Â Â height: 300px;
Â Â width: 100%;
Â Â margin: 0 auto;
Â Â padding: 0 0 0 0;
}

#sixth{
Â Â background-color: #fff;
Â Â height: 75px;
Â Â width: 100%;
Â Â margin: 0 auto;
}

.story{
Â Â margin: 0 auto;
Â Â min-width: 1000px;
Â Â overflow: auto;
Â Â width: 1000px;
}

.story .float-left, .story .float-right{
Â Â padding: 75px 0 0 0;
Â Â position: relative;
Â Â width: 100%;Â Â 
}

#content {
Â Â width:100%;
Â Â position:relative;
Â Â z-index:9998;
}

.learn-more-hero{
background:url(https://f1e4fcd5-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/forge/learn-more-hero.png?attachauth=ANoY7cryMitprAb7eUV2mNyP2vKsczv_RSEhavh55Fib2BdOOgOaUqsps4repnIxDMDPcCQ_a3Sb6pexz37e44ATvNlam6AifXW8548xyB7h76yHebG6NAFAwEmDcw9I0p3a6qsuazID6k8DYOpSgfvWOrXEX883-eVxy6KC4ZI_JbYcmTIAT3UU4vfnvYV0H4OKZSWq3Y6tYwZoSt0vlBSsKJX8xMDJxQ%3D%3D&attredirects=0) no-repeat 0 0;
  width:98px;
  height:46px;
  display:block;
  position:absolute;
  left:50%;
  margin-left:-49px;
  z-index:998; 
  top:504px;
}

/* Quovolver Demo Styles */

/*
Â |Â Â All required styles for the effect
Â |Â Â are labeled with this *required*
*/

a { 
Â  Â text-decoration: none; 
Â  Â color: #52b7d4; 
}

a:hover { 
Â  Â color: #ea9941; 
}

code { 
Â  Â font-family: Tahoma; 
Â  Â background: #f2f2f2; 
Â  Â display: block;  
}Â Â 

blockquote p {
Â  Â margin-bottom: 10px; 
Â  Â font-style: italic;
Â  Â text-align:justify;
}

blockquote cite { 
Â  Â font-style: normal; 
Â  Â display: block; 
Â  Â text-align: right; 
Â  Â text-transform: uppercase; 
Â  Â font-size: 10px; 
Â  Â font-weight:bold; 
Â  Â letter-spacing: 1px; 
Â  Â font-family: Tahoma; 
}

/*
Â |Â Â Setting the width for the blockquotes is required
Â |Â Â to accurately adjust it's container
*/

blockquote {
Â Â font-family: Georgia, Times, serif;
Â Â width: 750px; /* required */
Â Â margin: 0 auto;
}
Â Â 
/*
Â |Â Â The #quote_wrap div is created
Â |Â Â by Quovolver to wrap the quotes
*/

#quote_wrap { 
Â Â background: #fff url(https://8ffbbe80-a-61550f34-s-sites.googlegroups.com/a/magellantutoring.com/magellan-tutoring/quotes.png?attachauth=ANoY7cqseqPAqJ6kugT-Dscnbbphm-zRKBRpNjixe1Uvk2RwJKWKp7kfV8SoxA5LUZJC6OEKrscI9SG-ODBQduJa3LR13CNdtykuFPNobTGs9YxKh-jaMlWSZjaGi94jucPzIudzdTgaBLJ0SC4twtqF7lcmNpteDhWWl8X2tNENZTPr-cydAigmnWC-V-hJ-vGqqhPiGjj8Nwo8NeqjVkSfrIguErIrd4bEqg-bKqOAdQuRtyGZxS0%3D&attredirects=0) no-repeat 20px 20px;
Â Â margin: 40px 0; 
  padding: 20px; 
  border: 1px solid #fff;
}

<!-- end of Quovolver -->

#footer-links { padding: 74px 0; }
#footer-links h3 { margin: 0 0 10px 0; padding:0; }
#footer-links h3, #footer-links ul li, #footer-links { color:#fff !important; }
#footer-links ul li { list-style: outside; list-style: disc; padding:0; margin:0 0 0 15px;}
#footer-links ul li a, #footer-links ul li, #footer-links { font-size:12px !important; }
#footer-links p {font-size:12px !important; }

/* Three Panel Float */
.col { margin: 0 10px; float: left; }
.three-row .col {width: 300px; text-align: center; }
.four-row .col {width: 225px; margin: 0 20px 0 0; }
.four-row .col.cap { margin: 0; }

<!-- Footer Bar -->
#footerBar {
Â  Â Â list-style-type:none;
Â  Â Â padding:0;
Â  Â Â height:20px;
Â  Â Â font-size:0.9em;
Â  Â Â width:950px;
}

#footerBar li {
Â  Â Â height:20px;
Â  Â Â background-color:#FFF;
Â  Â Â width: 12.5%;
Â  Â Â position:relative;
float: left;
display:inline;
}

#footerBar li a {
font-family:Tahoma;
color:#000;
text-decoration:none;
text-weight: bold;
margin: 0px 15px 0px 0px;
padding:25px;
text-align:center;
vertical-align:middle;
font-size:10px;
}

<-- End of Footer Bar -->
